/* eslint-disable no-undef */
import { fileURLToPath, URL } from 'node:url'

// @ src
// import path from 'path'
// const resolve = dir => path.resolve(__dirname, dir)

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
// Ant Design
import Components from 'unplugin-vue-components/vite'
import { AntDesignVueResolver } from 'unplugin-vue-components/resolvers'

// https://vitejs.dev/config/
export default defineConfig({
	plugins: [
		vue(),
		Components({
			resolvers: [
				AntDesignVueResolver({
					// 加上下面的内容  文件配置 这里为 false
					importStyle: false,
				}),
			],
		}),
	],
	/**
	 * 在生产中服务时的基本公共路径。
	 * @default '/'
	 */
	base: process.env.NODE_ENV === 'production' ? './' : '/',
	css: {
		preprocessorOptions: {
			less: {
				// ant-design-base.less配置 主题色等样式
				modifyVars: {
					// 'primary-color': '#1da57a',
				},
				javascriptEnabled: true,
			},

			// 引入 全局样式  npm install sass sass-loader --save-dev
			/* 			scss: {
				additionalData: `@import "@/assets/styles/test.scss";`,
			}, */
		},
	},

	resolve: {
		alias: {
			'@': fileURLToPath(new URL('./src', import.meta.url)),
			// '@': resolve('src'),
		},
		extensions: ['.js', '.ts', '.jsx', '.tsx', '.json', '.vue', '.less'],
	},
})
